<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Registration</title>
    <style>
        form {
            width: 300px;
        }

        label {
            display: inline-block;
            width: 80px;
        }

        input {
            width: 200px;
        }

        button {
            margin-top: 10px;
        }
    </style>
</head>
<body>
<h1>小京东购物 - 注册</h1>
<form id="form" action="/shop/signUp" method="post" th:object="${member}">
    <div>
        <label>Nickname:</label>
        <input type="text" name="nickname" th:field="*{nickname}" required>
    </div>
    <div>
        <label>Email:</label>
        <input type="email" name="email" th:field="*{email}" required>
    </div>
    <div>
        <label>Telephone:</label>
        <input type="tel" name="telephone" th:field="*{telephone}" required>
    </div>
    <div>
        <label>Password:</label>
        <input type="password" name="password" th:field="*{password}" required>
    </div>

    <div>
        <label>Date of Birth:</label>
        <input type="date" name="dob" th:field="*{dob}">
    </div>
    <input type="checkbox" name="favourites" value="】" checked>
    <input type="checkbox" name="favourites" value="" checked>
    <input type="checkbox" name="favourites" value="" checked>
    <input type="checkbox" name="favourites" value="" checked>
    <br>
    <input type="file" name="file">

    <br>

    <div>
        <button type="submit">Register</button>
    </div>
</form>
</body>
</html>
